<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>css函数</title>

    <script type="text/javascript">
	    //  css(oDiv,'width')     两个参数时表示获取样式
	    //  css(oDiv 'width','200px')    三个参数表示设置样式

	    // function css(){
	   	//     if(arguments.length==2){    //获取
	    //         return arguments[0].style[arguments[1]];
	   	//     }else{                      //else  设置
	    //         arguments[0].style[arguments[1]]=arguments[2];
	   	//     }
	    // }

	    // //下面就来测试
	    // window.onload = function(){
	    // 	//获取id
	    // 	var oDiv = document.getElementById('div1');
	    // 	//获取div的长度
	    // 	alert(css(oDiv,'width'));
	    // 	//设置背景颜色为蓝色
	    // 	alert(css(oDiv,'background','blue'));
	    // }


	    //把上面的代码简化，写成如下形式
	    
	    function css(obj,name,value){
	    	//alert(obj==arguments[0]);    //相等的   返回true
	   	    if(arguments.length==2){    //获取
	            return obj.style[name];
	   	    }else{                      //else  设置
                obj.style[name]=value;
	   	    }
	    }

	    //下面就来测试
	    window.onload = function(){
	    	//获取id
	    	var oDiv = document.getElementById('div1');
	    	//获取div的长度
	    	alert(css(oDiv,'width'));
	    	//设置背景颜色为蓝色
	    	alert(css(oDiv,'background','blue'));
	    }


    </script> 
</head>
<body>

    <div id="div1" style="width:200px;height:200px;background:red;"></div>
    
	
</body>
</html>